<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title></title>


<script type="text/javascript">


var a;
document.onmouseup=function(){
	if(!a)return;
	document.all?a.releaseCapture():window.captureEvents(Event.MOUSEMOVE|Event.MOUSEUP);
	a="";
};
document.onmousemove=function (d){
	if(!a) return;
	if(!d) d=event;
	a.style.left=(d.clientX-b)+"px";a.style.top=(d.clientY-c)+"px";
};
function move(o,e,id){
	a=o;
	document.all?a.setCapture():window.captureEvents(Event.MOUSEMOVE);
	b=e.clientX-parseInt(a.style.left);
	c=e.clientY-parseInt(a.style.top);
	o.style.zIndex=getMaxIndex()+1;
	var aTop = a.offsetTop;
	var aLeft = a.offsetLeft;
	document.getElementById(id+"t").setAttribute("value",aTop-70);
	document.getElementById(id+"z").setAttribute("value",aLeft-155);
}

function $(id){return document.getElementById(id);}
function getMaxIndex(){
	var index=0;
	var ds=document.getElementById("preImgTpl").getElementsByTagName('div');
	var l=document.getElementById("preImgTpl").getElementsByTagName('div').length;

	for (i=0;i<l;i++){
		if (ds[i].style.zIndex>index) index=ds[i].style.zIndex;
	}
	return index;
}
</script>
<link href="${base}/res/jeecore/css/admin.css" rel="stylesheet" type="text/css"/>
<link href="${base}/res/jeecore/css/theme.css" rel="stylesheet" type="text/css"/>
<link href="${base}/res/common/css/jquery.validate.css" rel="stylesheet" type="text/css"/>
<link href="${base}/res/common/css/jquery.treeview.css" rel="stylesheet" type="text/css"/>
<link href="${base}/res/common/css/pony.tree.css" rel="stylesheet" type="text/css"/>
<link href="${base}/res/common/css/jquery.ui.css" rel="stylesheet" type="text/css"/>
<link href="${base}/res/jspgou/css/product.css" rel="stylesheet" type="text/css"/>
<link href="${base}/res/jspgou/css/reset-min.css" rel="stylesheet" type="text/css"/>

<script src="${base}/thirdparty/ckeditor/ckeditor.js" type="text/javascript"></script>
<script src="${base}/thirdparty/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
<script src="${base}/res/common/js/jquery.js" type="text/javascript"></script>
<script src="${base}/res/common/js/jquery_ext.js" type="text/javascript"></script>
<script src="${base}/res/common/js/pony.js" type="text/javascript"></script>
<script src="${base}/res/common/js/pony.tree.js" type="text/javascript"></script>
<script src="${base}/res/jeecore/js/admin.js" type="text/javascript"></script>
<script src="${base}/res/jspgou/js/jquery.idTabs.min.js" type="text/javascript"></script>

<script src="${base}/res/common/js/lang/validator-${locale}.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
	$("#jvForm").validate();
	<#if logistics.logoPath??>
	$("#preImg1").css("width","139").css("height","139").attr("src","${uploadRoot!}${logistics.logoPath}?d="+new Date()*1);
	</#if>
});
</script>
<style>
	.preImgTpl{width:720px;height:450px;border:1px black solid;}
	#preImgTpl div{position:absolute;width:120px;height:30px;border:1px solid #999;}
</style>

</head>
<body>
<#include "/common/image_upload.html"/>
<div class="body-box">
<div class="rhead">
	<div class="rpos"><@s.m "global.position"/>: 物流公司 - <@s.m "global.edit"/></div>
	<form class="ropt">
		<input type="button" value="<@s.m "global.backToList"/>" onclick="history.back();"/>
	</form>
	<div class="clear"></div>
</div>
<#assign  companycodehelp="<a target='_blank' href='http://www.kuaidi100.com/download/api_kuaidi100_com(20140729).doc'>快递公司代码</a>">
<@p.form id="jvForm" action="o_printOrder.do" labelWidth="12">
<@p.td label="订单模板" colspan="2" width="100">
<input type="hidden" id="uploadImgPath2" name="tplOrder" size="30" maxlength="30" />
<span id="ufc2"><input type="file" id="uploadFile2" size="20"/></span>
 <input type="button" value="<@s.m "imageupload.upload"/>" onclick="upload(2);"/>移动完DIV后请点击移动的DIV以确定位置
<div id="preImgTpl" class="preImgTpl">
	<div style="left:180px;top:300px;background:#fc9;" onmousedown="move(this,event,'fn')">发货人姓名</div>
	<div style="left:400px;top:300px;background:#9cf;" onmousedown="move(this,event,'fa')">发货人地址</div>
	<div style="left:700px;top:300px;background:#f9c;" onmousedown="move(this,event,'fp')">发货人电话</div>
	<div style="left:180px;top:150px;background:#9fc;" onmousedown="move(this,event,'sn')">收货人姓名</div>
	<div style="left:400px;top:150px;background:#c9f;" onmousedown="move(this,event,'sa')">收货人地址</div>
	<div style="left:700px;top:150px;background:#cf9;" onmousedown="move(this,event,'sp')">收货人电话</div>
</div>
<div id="idShow"></div>
位置：<br/>
发货人姓名&nbsp;&nbsp;上<input id="fnt" name="fnt" /> 左<input id="fnz" name="fnz" /><br/>
发货人地址&nbsp;&nbsp;上<input id="fat" name="fat" /> 左<input id="faz" name="faz" /><br/>
发货人电话&nbsp;&nbsp;上<input id="fpt" name="fpt" /> 左<input id="fpz" name="fpz" /><br/>	
收货人姓名&nbsp;&nbsp;上<input id="snt" name="snt" /> 左<input id="snz" name="snz" /><br/>	
收货人地址&nbsp;&nbsp;上<input id="sat" name="sat" /> 左<input id="saz" name="saz" /><br/>	
收货人电话&nbsp;&nbsp;上<input id="spt" name="spt" /> 左<input id="spz" name="spz" /><br/>	 
</@p.td><@p.tr/>
<@p.td colspan="2"><@p.hidden name="id" value=logistics.id/><@p.submit code="global.submit"/> &nbsp; <@p.reset code="global.reset"/></@p.td>
</@p.form>
</div>
</body>
</html>